@charset "utf-8";
/*
	power by http://www.inxedu.com/
	v1.0 | 2015/06/06 
 	-----------------------------------------
	westdrug | 2015(yy)/08(mm)/05(dd) 
	http://www.inxedu.com/
*/
/* #custom
================================================== */
.clearfix:before, .clearfix:after { content: ""; display: table; font-size:0 !important; line-height:0!important; height:0!important;}  
.clearfix:after { clear: both; }
.clear {clear: both;display: block;overflow: hidden;visibility: hidden;width: 0;height: 0;}
.fl {float: left;}.fr {float: right;}
.pr {position: relative; }.pa {position: absolute; }
.f-fH {font-family: 'SimHei';}.f-fM {font-family: 'Microsoft YaHei';}.f-fA {font-family: 'SimSun';}.f-fG {font-family: 'Georgia';}
.unBg {background: none !important;}
.unBr {border: none !important;}
.unFw {font-weight: normal;}
.dis{display:block;}
.disIb {  display: inline-block;*display: inline;*zoom: 1;}
.undis{display:none;}
.of{overflow: hidden;}
.ov{overflow: visible;}
.vam {vertical-align: middle;}
.tal {text-align: left;}
.tac {text-align: center;}
.tar {text-align: right;}
.hand {cursor: pointer;}
.zoom {_zoom: 1;}
.fsize12 {font-size: 12px;}
.fsize14 {font-size: 14px;}
.fsize16 {font-size: 16px;}
.fsize18 {font-size: 18px;}
.fsize20 {font-size: 20px;}
.fsize24 {font-size: 24px;}
.fsize34 {font-size: 34px;}
.mt5 {margin-top: 5px;}
.mr5 {margin-right: 5px;}
.ml5 {margin-left: 5px;}
.mt10 {margin-top: 10px;}
.mr10 {margin-right: 10px;}
.mb10 {margin-bottom: 10px;}
.ml10 {margin-left: 10px;}
.mt15 {margin-top: 15px;}
.mr15 {margin-right: 15px;}
.mb15 {margin-bottom: 15px;}
.ml15 {margin-left: 15px;}
.mt20 {margin-top: 20px;}
.mr20 {margin-right: 20px;}
.mb20 {margin-bottom: 20px;}
.ml20 {margin-left: 20px;}
.mt30 {margin-top: 30px;}
.mr30 {margin-right: 30px;}
.mb30 {margin-bottom: 30px;}
.ml30 {margin-left: 30px;}
.mt40 {margin-top: 40px;}
.mr40 {margin-right: 40px;}
.mb40 {margin-bottom: 40px;}
.ml40 {margin-left: 40px;}
.mt50 {margin-top: 50px;}
.mr50 {margin-right: 50px;}
.mb50 {margin-bottom: 50px;}
.ml50 {margin-left: 50px;}
.pt10 {padding-top: 10px;}
.pr10 {padding-right: 10px;}
.pb10 {padding-bottom: 10px;}
.pl10 {padding-left: 10px;}
.pt15 {padding-top: 15px;}
.pr15 {padding-right: 15px;}
.pb15 {padding-bottom: 15px;}
.pl15 {padding-left: 15px;}
.pt20 {padding-top: 20px;}
.pr20 {padding-right: 20px;}
.pb20 {padding-bottom: 20px;}
.pl20 {padding-left: 20px;}
.pt30 {padding-top: 30px;}
.pt50 {padding-top: 50px;}
.pr50 {padding-right: 50px;}
.pb50 {padding-bottom: 50px;}
.pl50 {padding-left: 50px;}
.icon14 {display: inline-block;*display: inline;*zoom: 1;height: 14px;width: 14px;vertical-align: middle;}
.icon16 {display: inline-block;*display: inline;*zoom: 1;height: 16px;width: 16px;vertical-align: middle;}
.icon18 {display: inline-block;*display: inline;*zoom: 1;height: 18px;width: 18px;vertical-align: middle;}
.icon24 {display: inline-block;*display: inline;*zoom: 1;height: 24px;width: 24px;vertical-align: middle;}
.icon30 {display: inline-block;*display: inline;*zoom: 1;height: 30px;width: 30px;vertical-align: middle;}
.txtOf {display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.hLh20 {height: 20px;line-height: 20px;}
.hLh30 {height: 30px;line-height: 30px;}
.col-7 {width: 70%;}
.col-3 {width: 30%;}
.col-8 {width: 80%;}
.col-2 {width: 20%;}
.lt-ie9.lt-ie8 .col-7,.lt-ie9 .col-7 {width: 75%;}
.lt-ie9.lt-ie8 .col-3,.lt-ie9 .col-3 {width: 25%;}
.container {margin-left: auto;margin-right: auto;width: 1160px;}
/*========== theam ==========*/
.c-master {color: #06a3f8;}
.c-green {color: #14BA4C;}
.c-yellow {color: #ea562e;}
.c-blue {color: #3580DE;}
.c-red {color: #CF3F3F;}
.c-333 {color: #333;}
.c-666 {color: #666;}
.c-999 {color: #999;}
.c-ccc {color: #ccc;}
.c-fff {color: #fff;}
.bg-master {background-color: #06a3f8;}
.bg-green {background-color: #14BA4C;}
.bg-orange {background-color: #FF5F16;}
.bg-fa {background-color: #fafafa;}
.bg-fff {background-color:#fff;padding-top:3px;}
.c-tab-title a.current,.c-btn-2,.i-teach-wrap:hover a,.paging a,.paging a:hover,.paging a.current,#footer,.u-m-dd ul li a:hover,.u-m-dd ul li.current a,.d-s-head-tab a.current {border-color: #06a3f8;color: #06a3f8;}
.c-btn-3 {border-color: #06a3f8;color: #06a3f8;}
.h-r-login li a:hover {color:#fff;text-decoration:none;}
.lh-menu ul li.lh-menu-stair ol li.lh-menu-second a.current-2,.lh-menu ul li.lh-menu-stair li.lh-menu-second a.current-2,.lh-menu ul li.lh-menu-stair ol li.lh-menu-second a.current-2 .lh-menu-i-2,.lh-menu ul li.lh-menu-stair li.lh-menu-second a.current-2 .lh-menu-i-2,.lh-menu-second a.current-2 span.fr,#t-infor-menu p a.current,.i-art-title:hover,.q-sort-wrap span.current{border-color: #06a3f8;color: #06a3f8;}
.lh-menu-second a.current-2 span.fr { color:#ea562e;}
 .rec-live-btn a em, .live-title span em,.certifi-icon,.icon20,.h-r-s-box .s-btn em,.login-icon,.news-icon,.no-data-ico,.v-play-btn em,.shareIcon,.scIcon,.lh-p-icon,.lh-playing span em,.m-tree-icon,.noter-dy em,.noter-zan em,.icon-close,.q-tw,.q-hd,.q-share-icon,.g-a-title em,.u-a-cw,.u-a-zq,.p-h-goback em,.dpIcon,.o-c-icon,.dClose,.d-t-icon-1,.d-t-icon-2,.d-t-icon-3,.d-t-icon-4,.r-fixed-ul li a em,.c-btnPrev,.c-btnNext,.icon16,.s-car-close {background: url(../img/icon.png) no-repeat;}
.icon20 {width:20px;height:20px;vertical-align:middle;display:inline-block;}
.icon14 {width:12px;height:14px;vertical-align:middle;display:inline-block;}
.icon-14 {width:14px;height:14px;vertical-align:middle;display:inline-block;}
.icon16 {width:16px;height:16px;vertical-align:middle;display:inline-block;}
.certifi-icon { background-position:-182px -243px;width:28px;height:22px;display:inline-block;vertical-align:middle;}
.h-r-s-box .s-btn em {background-position: 0 0;}
.login-icon {background-position: 0 -29px;}
.news-icon {background-position: 0 -55px;}
.shareIcon {background-position: 0 -89px;}
.scIcon {background-position: 0 -113px;}
.sc-end .scIcon {background-position: 0 -137px;}
.m-tree-icon {background-position: 0 -195px;}
a.current-1 .m-tree-icon {background-position: 0 -212px;}
.lh-p-icon {background-position: 0 -234px;}
a.current-2 .lh-p-icon {background-position: 0 -254px;}
.lh-playing span em {background-position: -76px -251px;}
.no-data-ico {background-position: -467px 0}
.v-play-btn em {background-position: -43px -67px;}
.noter-dy em {background-position: -42px -160px;}
.noter-zan em {background-position: -42px -187px;}
.icon-close,.dClose {background-position: -42px -215px;}
.icon-close:hover,.dClose:hover {background-position: -42px -244px;}
.q-tw {background-position: -72px -163px;}
.q-hd {background-position: -72px -188px;}
.q-share-icon {background-position: -72px -215px;}
.g-a-title em {background-position: -72px -247px;}
.u-a-cw {background-position: -113px -188px;}
.u-a-zq {background-position: -113px -163px;}
.p-h-goback em {background-position: -185px -199px;}
.dpIcon {background-position: -142px -56px;}
.dpOpen .dpIcon {background-position: -142px -83px;}
.o-c-icon {background-position: -142px -111px;}
.d-t-icon-1 {background-position: -92px 0;}
.d-t-icon-2 {background-position: -230px 0;}
.d-t-icon-3 {background-position: -180px 0;}
.d-t-icon-4 {background-position: -39px 0;}
.r-fixed-ul li a em.r-f-icon-1 {background-position: -180px -55px;}
.r-fixed-ul li a em.r-f-icon-2 {background-position: -180px -105px;}
.r-fixed-ul li a em.r-f-icon-3 {background-position: -178px -155px;}
.lh-p-icon-sp {background-position: -460px -202px;}
.lh-p-icon-yp {background-position: -460px -174px;}
.lh-p-icon-wd {background-position: -460px -231px;}
.lh-p-icon-tp {background-position: -460px -257px;}
.lh-p-icon-hk {background-position: -428px -231px;}
.current-2 .lh-p-icon-sp {background-position: -493px -202px;}
.current-2 .lh-p-icon-yp {background-position: -493px -174px;}
.current-2 .lh-p-icon-wd {background-position: -493px -231px;}
.current-2 .lh-p-icon-tp {background-position: -493px -257px;}
.current-2 .lh-p-icon-hk {background-position: -428px -257px;}
.c-4e {color: #4e4e4e;}
.open-o-c .o-c-icon,.open-o-c.o-c-btn a:hover .o-c-icon {background-position: -142px -131px;}
.o-c-btn a:hover .o-c-icon {background-position: -142px -151px;}
.r-fixed-ul li a em.r-f-icon-4 { background-position: -474px -100px;}
.s-c-icon em {background-position: -235px -219px;}
.lt-ie9.lt-ie8 .cc-mask,.lt-ie9 .cc-mask,.u-face-pic a {background: url(../img/black-mask.png) repeat 0 0;}
.p-h-v-wrap {background: url(../img/v-play-bg.jpg) no-repeat 50% 50%;}
/*.lt-ie9.lt-ie8 .p-h-v-wrap,.lt-ie9 .p-h-v-wrap {background: url(../img/v-play-bg.jpg) no-repeat 50% 50%;}*/
.sf-lr-wrap a.wb-sf {background: url(../img/wb-icon-32.png) no-repeat 50% 50%;}
.sf-lr-wrap a.wb-sf:hover {background: url(../img/wb-icon-hover-32.png) no-repeat 50% 50%;}
.sf-lr-wrap a.wx-sf {background: url(../img/wx-icon-32.png) no-repeat 50% 50%;}
.sf-lr-wrap a.wx-sf:hover {background: url(../img/wx-icon-hover-32.png) no-repeat 50% 50%;}
.sf-lr-wrap a.qq-sf {background: url(../img/qq-icon-32.png) no-repeat 50% 50%;}
.sf-lr-wrap a.qq-sf:hover {background: url(../img/qq-icon-hover-32.png) no-repeat 50% 50%;}
/*========== comm layout ==========*/
.i-box {background-color: #fff;padding: 0 15px 20px;overflow: hidden;border:1px solid #f0f0f0;position:relative;}
.comm-btn,.blue-btn,.order-submit,.goBack-btn {border: 1px solid;border-radius: 16px;display: inline-block;text-align: center;height: 32px;line-height: 32px;padding: 0 12px;}
.c-btn-1 {border-color: #fff;color: #fff;width: 120px;font-size: 18px;}
.c-btn-2,.c-btn-3,.c-btn-4,.c-btn-5,.c-btn-7 {border-radius: 20px;width: 160px;font-size: 20px;height: 36px;line-height: 36px;}
.c-btn-4,.c-btn-5 {border-radius: 0;color: #fff;width: 220px;height: 42px;line-height: 42px;}
.c-btn-5 {background: #264863;width: auto;display: block;}
.c-btn-6 {border-color: #14BA4C;color: #14BA4C;width: auto;font-size: 12px;height: 18px;line-height: 18px;}
.c-btn-7 {background: #264863;border-radius: 0;color: #fff;}
.blue-btn {background: #264863;border-radius: 3px;color: #fff;font-size: 14px;width: 90px;}
.order-submit,.e-login-btn,.e-register-btn {background: #985054;border-radius: 3px;color: #fff;width: 180px;font-size: 16px;}
.goBack-btn {background: #e2e2e2;border: none;border-radius: 3px;color: #666;font-size: 14px;}
.comm-btn:hover,.blue-btn:hover,.order-submit:hover,.goBack-btn:hover,.e-login-btn:hover,.e-register-btn:hover {text-decoration: none;opacity: 0.92;-moz-opacity: 0.92;filter:alpha(opacity=92);}
.comm-title {overflow: hidden;clear: both;margin: 40px 0 30px;}
.comm-title h2 span {font-size: 26px;font-family: "simhei";}
.c-cou-title {bottom: 0px;left: 0px;height:40px;background: url("../img/black-gra-bg.png") repeat-x;width:100%;}
.c-cou-title a:hover {text-decoration:none;}
.c-cou-title section {padding:0 10px;}
.c-cou-title h3 {height:40px;line-height:40px;width: 100%; }
/* .cou-arrow {border:1px solid #ccc;color:#ccc;border-radius:5px;height:22px;} */
.cou-arrow a {border: 1px solid #e0e0e0; border-radius: 3px; color: #666;display: inline-block;font-family: "SimSun"; height: 18px; line-height: 20px; margin: 0 6px 0 0 !important;font-size:12px !important;text-align: center;width: 34px;}
.cou-arrow a:hover {text-decoration:none;color:#06a3f8;}
.cou-arrow * {vertical-align:middle;}
.c-btnPrev,.c-btnNext {width:8px;height:12px;vertical-align:middle;display:inline-block;margin:2px 10px;}
.c-btnPrev {background-position:-138px -169px;padding-right:5px;}
.c-btnNext {background-position:-140px -200px;}
.cou-prev:hover em {background-position:-138px -184px;}
.cou-next:hover em {background-position:-140px -215px;}
.comm-course-list ul {margin-left: -30px;}
.comm-course-list li {float: left;width: 25%;}
.hotcourse-list ul li {float:left; width:50%;}
.hotcourse-list ul {margin-left: -50px;}
.cc-2-wrap {margin:0 0 50px 50px;border:1px solid #dbdbdb;}
.hot-class:hover .cc-2-wrap {box-shadow:0px 0px 30px rgba(0,0,0,0.4);}
.lt-ie9.lt-ie8 .comm-course-list li {width: 24.99%;}
.comm-course-list li .cc-l-wrap {display: block;margin: 0 0 30px 30px;overflow: hidden;transition: .3s;-webkit-transition: .3s;}
.comm-course-list ul li .cc-l-wrap:hover {box-shadow: 10px 10px 0 rgba(0,0,0,0.04)}
.course-img {position: relative;overflow: hidden;}
.c-class-pic {width:303px;overflow: hidden;position:absolute;text-align:center;left:0;top:0;transition:all 0.3s ease 0s;}
.u-class-ico {width: 100%;}
.u-class-ico dd {margin-left:20px;text-align:left;float:left;}
.c-cou-info {margin:20px 0 0;}
.c-cou-info ol li {text-align: center;border-right:1px solid #fff;border-left:1px solid #d5d5d5;}
.c-cou-info ol li em {margin-right:6px;}
.c-cou-info .cou-viewinfo { padding: 15px 10px;}
.c-cou-info .c-ctitle {padding: 5px 10px;}
.c-cou-info .c-ctitle h5 {width: 100%;}
.cou-viewinfo {background-color:#f3f3f3;padding:2px;padding: 10px;margin-top:15px;}
.cou-viewinfo ol li {float:left;width:32%;}
.course-icon {background-position: -109px -213px;}
.student-icon {background-position: -109px -236px;}
.discuss-icon {background-position: -109px -254px;}
.time-icon {background-position: -232px -52px;}
.cou-info-box {padding:0 10px 0 10px;}
.cou-info-box section.mt10 {margin-top: 5px;}
.img-responsive {max-width: 100%;height: auto;display: block;transition: .8s;-webkit-transition: .8s;}
.jgTag {display: inline-block;padding: 0px 10px;text-align:center;border-radius:20px;margin-top:10px;min-width:30px;margin-bottom:15px;}
.jgTag tt { line-height:20px;}
.green-bor {border:1px solid #14ba4c;}
.yellow-bor {border:1px solid #ea562e}
.cc-mask {background: rgba(0, 0, 0, 0.4);height: 100%;left: 0;opacity: 0;filter:alpha(opacity=0);position: absolute;right: 0;top: 0;width: 100%;transition: .3s;-webkit-transition: .3s;}
.cc-mask .c-btn-1 {left: 50%;margin-left: -72px;margin-top: -16px;position: absolute;top: 100%;transition: .3s;-webkit-transition: .3s;}
.lt-ie9.lt-ie8 .cc-mask .c-btn-1,.lt-ie9 .cc-mask .c-btn-1 {top: 120%;}
.comm-course-list li:hover .img-responsive,.u-class-list ul li:hover .img-responsive {transform: scale(1.1);--transform: scale(1.1);}
.comm-course-list li:hover .cc-mask,.hotcourse-list ul li:hover .cc-mask ,.u-class-list ul li:hover .cc-mask {opacity: 1;filter:alpha(opacity=100);}
.comm-course-list li:hover .cc-mask .c-btn-1,.hotcourse-list ul li:hover .cc-mask .c-btn-1,.u-class-list ul li:hover .cc-mask .c-btn-1 {top: 50%;}
.u-class-list ul li {border-bottom: 1px dotted #ddd; margin-bottom: 20px; min-height: 160px; padding: 0 0 20px 323px; position: relative;}
#aCoursesList,.i-question,.u-body {padding-bottom: 80px;}
#aCoursesList {background-color:#fafafa;}
.course-r-list li {padding: 10px 0 10px 120px;position: relative;min-height: 62px;}
.course-r-list li .course-r-pic {width: 110px;position: absolute;left: 0;top: 10px;overflow: hidden;}
.course-r-pic img {display: block;max-width: 100%;transition: .8s;-webkit-transition: .8s;}
.course-r-list li:hover .course-r-pic img {transform: scale(1.1);-webkit-transform: scale(1.1);}
.bot-img {width: 100%; height:auto; overflow:hidden;text-align:center;}
.bot-img img {display:block;max-width:100%;}
.call-num {margin-top:20px;}
/*========== global header ==========*/
#header {background-color: #333;box-shadow: 0 2px 3px rgba(7, 0, 2, 0.04);position: relative;}
.lt-ie9.lt-ie8 #header,.lt-ie9 #header {border-bottom: 1px solid #f2f2f2;}
#logo {float: left;width: 136px;height: 58px;overflow: hidden;margin: 0 auto;}
#logo a {display: table-cell;vertical-align: middle;height: 46px;padding-top:5px;}
#logo a img {display: block;max-width: 100%;height: auto;vertical-align: middle;*margin-top:8px;}
.nav {padding: 0 0 0 20px;}
.nav,.nav li,.nav li a {float: left;}
.nav li a {border-bottom: 2px solid transparent;color: #fff;display: block;font-size: 16px;line-height: 60px;padding: 0 21px;transition: .3s;-webkit-transition: .3s;}
.nav li.current a,.nav li a:hover {text-decoration: none;background-color:#3e3e3e;color:#fafafa;}
.h-r-login li a:hover {text-decoration: none;}
.h-r-login,.h-r-search {float: right;color:#999;margin-top:10px;}
.lt-ie9.lt-ie8 .h-r-login {padding-top: 5px;}
.h-r-login li {float: left;margin-left: 10px;position: relative;}
.h-r-login li a {line-height: 36px;font-size: 16px;color: #fff;transition: .3s;-webkit-transition: .3s;}
.h-r-login li.h-r-user a img {border-radius: 50%;width: 30px;height: 30px;}
.h-r-login li.h-r-user span {max-width: 60px;height: 20px;font-size: 16px;line-height: 20px;overflow: hidden;}
.red-point {position: absolute;right: -4px;top: 8px;display: block;width: 8px;height: 8px;border-radius: 50%;background: #cb2020;text-indent: -9999px;}
.h-r-search {margin: 14px 20px 0 0;}
.h-r-s-box {display: block;position: relative;}
.h-r-s-box input {border: 1px solid #4e4e4e;background-color:#333;border-radius: 20px;color: #555;padding: 0 15px;font-family: 'Microsoft YaHei';width: 140px;height: 30px;line-height: 30px;transition: .3s;-webkit-transition: .3s;}
.h-r-s-box .s-btn {background: none;border: none;position: absolute;right: 3px;top: 0;width: 30px;height: 30px;cursor: pointer;}
.head-mobile, .h-mobile-mask, .mw-nav-btn, .mw-nav { display: none;}
.h-r-s-box input:focus {border-color: #666;color: #777;width: 170px;}
.mw-nav-btn,.mw-nav {display: none;}
/*========== shopcar style ==========*/
.shop-car-num {position: absolute; color: #06a3f8;left: 27px; top: 2px; font-size: 12px; font-family: "Georgia";width: 14px;height: 14px;display: inline-block; text-align: center; background-color: #fff;border-radius: 8px;line-height: 10px; border: 1px solid #06a3f8;}
.c-shop-car-wrap a { border: 1px solid #06a3f8;text-align:center;border-radius: 20px;padding: 0 8px;color: #06a3f8; display: inline-block;font: 18px/36px "Microsoft YaHei";height: 36px;cursor: pointer;position: relative;width: 170px;transition: all 0.3s ease 0s;}
.c-shop-car-wrap a:hover,.js-btn:hover { opacity:0.92;text-decoration: none;}
.fly_item { border: 2px solid #888; border-radius: 100%;height: 48px; opacity: 0.9; overflow: hidden; position: absolute;visibility: hidden; width: 48px;}
.r-fixed-ul li a:hover em.r-f-icon-4 {display: inline-block;}
.shopcar-box {height: 100%;width: 270px;transition: all 0.3s ease 0s;background-color: #eceaef;border-left: 4px solid #06a3f8;}
.s-car-box {width: 270px;height: 100%; }
.s-car-box-top { width: 100%; height: 38px;padding: 10px 15px;}
.s-car-box-top {border-bottom: 1px solid #ddd;position: absolute;width: 240px; height: 30px;background-color: #eceaef;}
.s-car-box-middle {padding:55px 0;}
.s-car-close {width: 12px; height: 12px; display: inline-block;background-position: -240px -252px; transition: all 0.3s ease 0s;}
.s-car-close:hover {transform: rotate(180deg)}
.addScar-elem { margin-right: -10px;max-height: 300px;overflow-x: hidden; overflow-y: auto;}
.addScar-list {clear: both;overflow: hidden; padding: 6px 0 0;}
.a-s-l-c-name {float: left;width: 113px;}
.a-s-l-c-name a:hover { color: #ea562e;}
.s-car-box-bot { height: 50px;width: 100%;}
.s-c-b {padding: 5px 110px 5px 5px;position: relative; height: 40px;position: relative;}
.js-btn {width: 112px; height: 36px;position: absolute;right: 5px;background-color: #06a3f8;top:5px;transition: all 0.3s ease 0s; color: #fff;text-align: center; font: 16px/36px "Microsoft YaHei";display: inline-block;}
.js-btn:hover {text-decoration: none;}
.a-s-l-c-attr { float: left;line-height: 20px; margin-left: 5px; overflow: hidden;text-align: center;width: 65px;}
.c-b-m-list li {padding: 10px; background-color: #f8f8f8;margin-bottom: 12px;}
.s-car-box-bot {width: 270px; height: 50px; position: absolute; bottom: 0;right:0;background-color: #eceaef;padding-bottom: 5px;}
.r-fixed-wrap{position:fixed;right: -279px;bottom:0;z-index:99999; width: 270px;height: 100%;border-right: 5px solid #eee;}
.r-fixed-ul {position: absolute;left: -49px; bottom: 200px;}
/*========== course tree style ==========*/
.lh-menu {margin: 0 10px;padding: 0;}
.lh-menu div ul {display:none;}
.lh-menu ul li.lh-menu-stair {border-bottom: 1px solid #D8D8D8;padding-bottom: 5px;margin-bottom: 10px;}
.lh-menu ul li.lh-menu-stair a:hover,
.lh-menu ul li.lh-menu-stair ol li.lh-menu-second a:hover,
#lh-menu ul li.lh-menu-stair dl dd a:hover{background: #fbfbfb;transition: .3s;-webkit-transition: .3s;text-decoration: none;}
.lh-menu ul li.lh-menu-stair a {background: #f8f8f8;color: #333;display: block;font: 16px/36px 'Microsoft YaHei';height: 36px;padding: 0 10px;overflow: hidden;}
.lh-menu ul li.lh-menu-stair a.current-1 {background: #f4f4f4;border-bottom: 1px solid #e6e6e6;}
.lh-menu-i-1 {background-color: #fff;border: 1px solid #bbb;border-radius: 50%;text-align: center;line-height: 12px;}
.lh-menu-i-1 font {color: #4e4e4e;font: 18px/24px 'Microsoft YaHei';}
.lh-menu ul li.lh-menu-stair ol li.lh-menu-second a {background: #fff;color: #555;display: block;font: 14px/32px 'Microsoft YaHei';height: 32px;padding: 0 10px;margin-top: 5px;overflow: hidden;}
.lh-menu-i-2 {background-color: #fff;border: 1px solid #ccc;border-radius: 50%;width: 12px;height: 12px;}
.lh-menu-second a span.fr .lh-p-icon {opacity: .6;-moz-opacity: .6;filter:alpha(opacity=88);}
.lh-menu-second a span.fr {color: #bbb;font-size: 12px;}
.lh-menu-second a span.fr .free-icon,.lh-menu-second a.current-2 span.fr .lh-p-icon {opacity: 1;-moz-opacity: 1;filter:alpha(opacity=100);}
#lh-menu ul li.lh-menu-stair dl dd a {color: #666;display: block;font: 12px/30px 'Microsoft YaHei';height: 30px;padding: 0 10px 0 20px;overflow: hidden;}
#lh-menu ul li.lh-menu-stair dl dd a.lh-playing,#lh-menu ul li.lh-menu-stair dl dd a.lh-playing:hover,#lh-menu ul li.lh-menu-stair dl dd a.lh-playing span {cursor: text;}
#lh-menu ul li.lh-menu-stair dl dd a span,#lh-menu a.no-jd-play span {font-family: 'Arial';font-size: 12px;color: #aaa;}
.lh-menu ul ol,.lh-menu ul ol dl {display: block;}
.free-icon {border: 1px solid #14BA4C;border-radius: 20px;color: #14BA4C;display: inline-block;height: 14px;line-height: 14px;font-size: 12px;padding: 0 8px;}
.lh-menu ul ul.no-parent-node {display: block;}
.lh-menu ul ul.no-parent-node li.lh-menu-second a {background: none;font-size: 14px;}
.u-learn-btn a {cursor:pointer;}
/*========== comment style ==========*/
.lh-bj-list ul li {border-bottom: 1px solid #e9e9e9;padding: 12px 5px 2px 65px;position: relative;min-height: 50px;}
.noter-pic {position: absolute;left: 0;top: 12px;}
.noter-pic img {border-radius: 50%;display: block;height: 50px;width: 50px;}
.noter-txt {line-height: 180%;color: #4e4e4e;font-size: 14px;}
.lh-n-cz {visibility: hidden;}
.lh-list-more {margin: 10px 0;}
.lh-list-more a {border: 1px dotted #e2e2e2;display: block;height: 30px;font: 14px/30px 'Arial';color: #666;text-align: center;}
.lh-list-more a:hover {border-color: #1755A0;color: #1755A0;text-decoration: none;}
.question-list.lh-bj-list li {padding-bottom: 8px;}
.noter-dy,.noter-zan {color: #666;cursor: pointer;}
.noter-dy:hover {color: #3FACEA;}
.n-reply {display: none;margin-top: 8px;}
.n-reply-wrap textarea {background: #fff;border: 1px solid #ddd;width: 98%;height: 47px;padding: 4px;font-size: 14px;color: #666;overflow-x: hidden;overflow-y: auto;}
.n-reply-wrap textarea:focus {border-color: #3FACEA;}
.lh-reply-btn {background: #6ACC7E;border: 1px solid #55C76C;border-radius: 3px;display: inline-block;height: 18px;width: 38px;text-align: center;font: 12px/18px 'Arial';color: #fff;}
.lh-reply-btn:hover {background: #55C76C;color: #fff;text-decoration: none;}
.n-reply-list dd {border-bottom: 1px solid #e9e9e9;padding: 5px 0 8px 0;position: relative;}
.n-reply-list dd:last-child {border: none;}
.n-reply-pic {position: absolute;left: -52px;top: 5px;}
.n-reply-pic img {border-radius: 50%;display: block;height: 40px;width: 40px;}
.u-select {border: 1px solid #ddd;padding: 0 8px;color: #666;}
.time-bar-wrap {width: 100%;position: relative;}
.lev-num-wrap {background: #E1E1E1;border-radius: 18px;width: 100%;height: 12px;position: relative;}
.lev-num-bar {border-radius: 18px;width: 0%;font-size: 0;position: absolute;left: 0;top: 0;height: 12px;z-index: 7;transition: .3s;-webkit-transition: .3s;}
.lev-num {color: #fff;position: absolute;top: 1px;left: 10px;font-family: 'Microsoft YaHei';font-size: 12px;line-height: 10px;z-index: 9;}
.lev-num big,.lev-num small {font-size: 12px;}
.lev-num small {color: #f2f2f2;}
/*========== other style ==========*/
.no-data-wrap {margin: 50px auto;text-align: center;}
.no-data-wrap .no-data-ico {width: 41px;height:80px;}
.path-wrap {margin: 20px 0;color: #ccc;line-height: 30px;}
.v-play-btn {position: absolute;top: 50%;left: 50%;margin: -32px 0 0 -32px;z-index: 9;}
.v-play-btn em {width: 68px;height: 68px;}
.v-play-btn:hover em,.v-play-btn:hover {opacity: 0.9;-moz-opacity: 0.9;filter:alpha(opacity=90);;text-decoration: none;}
.c-infor-title {height: 18px;overflow: hidden;}
.c-infor-title span {border-left: 5px solid #333;color: #333;font-size: 16px;display: inline-block;line-height: 18px;padding-left: 10px;}
.d-arror {width:14px;height:14px;display:inline-block;background:url("../img/arrow.png") no-repeat 0 0;transition: .3s;-webkit-transition: .3s;}
.down-arrow {right:14px;top:50%;margin-top:-7px;}
.right-arror {background:url("../img/arrow2.png") no-repeat 0 0;}
.class-cou {padding:0 80px 0 172px;position:relative;height:95px;background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f4f4f4));background: -moz-linear-gradient(top, #ffffff,#f4f4f4);background: -ms-linear-gradient(top, #ffffff, #f4f4f4);filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f4f4f4');}
.u-class-cou {padding:0 115px 0 225px;;height:122px;}
.u-learn-btn {right:12px;top:50%;margin-top:-5px;}
.u-down-arrow {top:65%;right:36px;}
/*========== pageing ==========*/
.paging {padding: 50px 0 20px;text-align: center;}
.paging a {border: 1px solid #ccc;border-radius: 40%;color: #666;display: inline-block;+display: inline-block;margin: 0 5px;height: 30px;width: 30px;text-align: center;line-height: 30px;transition: .3s;}
.paging a.current,.paging a.undisable {cursor: text;}
.paging a.undisable:hover {border: 1px solid #ccc;border-radius: 40%;color: #666;}
.paging a:hover,.paging a.current {border-radius: 50%;text-decoration: none;}
/*========== dialog ==========*/
.bMask {background: #000;opacity: 0.3;filter: alpha(opacity=30);position: fixed;height: 100%;width: 100%;top: 0;right: 0;bottom: 0;left: 0;z-index: 99999;}
.dialogWrap {background: #fff;position: absolute;left: 50%;z-index: 9999999;transition: .3s;-webkit-transition: .3s;}
.d-s-head,.d-s-head-infor {border-bottom: 1px solid #e2e2e2;height: 40px;line-height: 40px;padding: 0 15px;width: 100%;}
.d-s-head-txt,.d-s-head-txt-infor {color: #333;font-size: 16px;}
.dClose {right: 10px;top: 15px;}
.dClose:hover {text-decoration: none;}
.d-t-icon-1,.d-t-icon-2,.d-t-icon-3,.d-t-icon-4 {left: 5px;top: 0;display: inline-block;vertical-align: middle;width: 40px;height: 45px;}
.d-tips-1 p,.d-tips-2 p,.d-tips-3 p {padding-left: 60px;line-height: 180%;}
.d-tips-1 {position: relative;width: 420px;}
.d-tips-3 {position:relative;}
.d-tips-2{position: relative;width: 400px;}
.d-tips-6 {margin-right: -20px;max-height: 500px;overflow-x: hidden;overflow-y: auto;position: relative; width: 680px;}
/*========== global uMenu ==========*/
.uMenu {padding: 0;margin: 0;}
.uMenu dl {margin-right: 15px;}
.u-face-pic {border-radius: 50%;width: 100px;height: 100px;float: left;overflow: hidden;position: relative;margin-right: 20px;}
.u-face-pic img {border-radius: 50%;width: 100px;height: 100px;display: block;}
.u-face-pic a {bottom: -24px;left: 0;right: 0;width: 100%;display: block;text-align: center;height: 24px;line-height: 24px;position: absolute;-webkit-transition: .4s;-moz-transition: .4s;transition: .4s;}
.u-face-pic:hover a {bottom: 0;}
.stud-time-wrap {padding: 0 0 0 10px;overflow: hidden;height: 40px;line-height: 40px;}
.stud-time-wrap * {vertical-align: middle;}
.stud-time big {font-family: 'Georgia';font-size: 30px;color: #4e4e4e;}
.stud-time small {font-size: 14px;color: #777;margin: 0 3px;}
.u-m-dd {border-top: 1px solid #ccc;margin-top: 15px;}
.u-m-dd ul {border-bottom: 1px solid #ddd;padding: 20px 0 20px 30px;}
.u-m-dd ul li {line-height: 32px;}
.u-m-dd ul li a,.u-m-dd ul li span {display: block;transition: .3s;-webkit-transition: .3s;color: #4e4e4e;font-size: 18px;}
.u-m-dd ul li span {cursor: default;}
.u-m-dd ul li ol {padding: 10px 0 0 50px;}
.u-m-dd ul li ol li a {font-size: 14px;color: #777;}
.u-m-dd ul li a:hover {text-decoration: none;}
.u-r-cont {border-left: 1px dotted #ddd;padding-left: 40px;min-height: 820px;}
/*========== global login register ==========*/
.lrWrap {width: 320px;}
.d-s-head-tab {display: block;height: 40px;}
.d-s-head-tab a {border-bottom: 1px solid transparent;color: #666;display: block;float: left;width: 100px;text-align: center;line-height: 40px;font-size: 18px;}
.d-s-head-tab a:hover {text-decoration: none;}
/* .e-l-jy {border: 1px dotted #FF6600;display: block;height: 20px;visibility: hidden;line-height: 20px;text-align: center;} */
.e-l-jy {display: block;height: 20px;line-height: 20px;text-align: center;}
.e-login-options li .lr-tip-wrap {margin-top: 5px;height: 18px;line-height: 18px;}
/* .e-login-options li .lr-tip-wrap span {display: none;} */
.e-login-options li label {color: #4e4e4e;display: inline-block;vertical-align: middle;height: 32px;width: 30px;text-align: center;vertical-align: middle;}
.e-login-options li input {background: #fff;border: 1px solid #ddd;color: #666;height: 38px;font: 16px/38px 'Microsoft YaHei';width: 300px;padding-left: 16px;vertical-align: middle;}
.e-login-options li input:focus {border-color: #ccc;box-shadow: 0 0 6px rgba(0,0,0,.08) inset;}
.e-login-btn,.e-register-btn {display: block;width: 300px;margin: 0 auto;height: 34px;text-align: center;font: 18px/34px 'SimHei';color: #fff;}
.sf-lr-wrap {padding-top: 15px;border-top: 1px solid #f2f2f2;}
.sf-lr-wrap h6 {margin-top: -26px;}
.sf-lr-wrap a {margin: 0 10px;display: inline-block;width: 32px;height: 32px;vertical-align: middle;position: relative;}
.sf-lr-wrap a:hover {text-decoration: none;}
/*========== global r-fixed ==========*/
.r-fixed-ul li {position: relative;width: 45px;margin-bottom: 1px;}
.r-fixed-ul li a {display: block;height: 45px;text-align: center;overflow: hidden;transition: .3s;-webkit-transition: .3s;}
.r-fixed-ul li a em {display: inline-block;width: 32px;height: 32px;margin-top: 8px;vertical-align: middle;}
.r-fixed-ul li a span {display: none;width: 32px;line-height: 22px;font-size: 14px;color: #fff;margin: 0 auto;}
.r-fixed-ul li a:hover span,.r-fixed-ul li a:hover {display: block;text-decoration: none;}
.r-fixed-ul li a:hover em {display: none;}
/*========== global footer ==========*/
#footer {background-color: #333;border-top-width: 5px;border-top-style: solid;color: #999;width: 100%;overflow: hidden;padding-top: 30px;}
.flink-list li {float: left;margin: 15px 30px 0 0;}
.flink-list li a {color: #666;font-size: 12px;white-space:nowrap;}
.flink-list li a:hover,.b-f-link a:hover {color: #888;text-decoration: none;transition: .3s;-webkit-transition: .3s;}
.b-foot {border-top: 1px solid #393939;padding: 20px 0 40px 0;margin-top: 30px;}
.b-f-link {color: #444;line-height: 12px;margin-left: -10px;line-height: 20px;}
.b-f-link a,.b-f-link span {color: #666;display: block;margin: 0 10px 5px;display: inline-block;vertical-align: middle;}
.gf-tx {display: inline-block;margin: 0 10px;position: relative;}
.gf-tx-ewm {position: absolute;left: 50%;top: 0;margin-left: -80px;opacity: 0;-moz-opacity: 0;filter:alpha(opacity=0);z-index: 3;transition: .3s;-webkit-transition: .3s;}
.gf-tx-ewm img {display: block;width: 160px;height: 160px;}
.gf-tx:hover .gf-tx-ewm {opacity: 1;-moz-opacity: 1;filter:alpha(opacity=100);top: -160px;} 
.mtt40 {margin-top:40px;}
/*========== article info xiugai ==========*/
.share-fir-icon,.share-sec-icon,.share-thr-icon { width:70px;height:70px;display:inline-block;vertical-align:middle;}
.share-list li,.share-list li a {float: left;}
.pt3 {padding-top:3px;}
.dz-num {position:absolute;left:50%;bottom:-24px;margin-left:10px;}
.share-list {padding: 0 auto;margin-left:-33px;}
.share-list li {margin-left: 66px;}
.share-fir-icon {background:url("/static/mooc_web/img/zan-icon.png") no-repeat 0 0 /100% auto;transition:all 0.3s ease 0s;}
.share-list li a:hover .share-fir-icon {background:url("/static/mooc_web/img/zan-icon.png") no-repeat 0 0 /100% auto;}
.share-sec-icon {background:url("/static/mooc_web/img/wx-icon.png") no-repeat 0 0 /100% auto;transition:all 0.3s ease 0s;}
.share-list li a:hover .share-sec-icon {background:url("/static/mooc_web/img/wx-icon.png") no-repeat 0 0 /100% auto;}
.share-thr-icon {background:url("/static/mooc_web/img/wb-icon.png") no-repeat 0 0 /100% auto;transition:all 0.3s ease 0s;}
.share-list li a:hover .share-thr-icon {background:url("/static/mooc_web/img/wb-icon.png") no-repeat 0 0 /100% auto;}
#sharebutton .bdsharebuttonbox a {margin-left:60px !important;}
#sharebutton .bdsharebuttonbox a.zan-icon {width:70px;height:70px;background: rgba(0, 0, 0, 0) url("/static/mooc_web/img/zan-icon.png") no-repeat scroll 0 0 / 100% auto !important;}
#sharebutton .bdsharebuttonbox a.bds_weixin {width:70px;height:70px;background: rgba(0, 0, 0, 0) url("/static/mooc_web/img/wx2-icon.png") no-repeat scroll 0 0 / 100% auto !important;}
#sharebutton .bdsharebuttonbox a.bds_tsina {width:70px;height:70px;background: rgba(0, 0, 0, 0) url("/static/mooc_web/img/wb2-icon.png") no-repeat scroll 0 0 / 100% auto !important;}
/*购物车*/
.c-order-list {background-color: #fff;margin-top: 20px;border-bottom: 1px solid #e2e2e2;padding-bottom: 8px;}
.c-o-head {border-top: 1px solid #e2e2e2;border-bottom: 1px solid #e2e2e2;padding: 10px 15px;}
.c-o-head  span {font: 12px/24px "Microsoft YaHei"; color: #999;}
.c-o-head li,.c-o-tbody li {float: left;width: 16%;}
.c-head-li-1 {width: 52%!important;}
.c-head-li-2 {width: 16%!important;}
.c-head-li-3 {width: 14%!important;}
.c-head-li-4 {width: 7%!important;}
.c-o-head li .c-t-wz span {font-size: 14px; color: #666;}
.c-o-head li.col52 {width: 52%; text-align: left;}
.c-o-head li.col52 .c-t-wz {text-align: left;padding-left: 4px;}
.c-o-head li div.c-t-wz {text-align: right; padding-right: 23px;}
.c-order-list dd {border-bottom: 1px dotted #e2e2e2;}
.c-head-li-16 {width: 11% !important;}
.c-head-li-36 {width: 40% !important;}
.c-head-li-80 {width: 89%;}
.c-o-tbody {padding: 10px; border-bottom: 1px solid #e2e2e2;}
.c-o-tbody .c-o-t-img {padding-right: 10px;}
.c-o-tbody li div.c-t-wz {text-align: right;margin-top: 34px;}
.c-pay-method {background-color: #fff; padding:20px 0 20px 12px; border-top: 1px solid #e2e2e2;margin-top: 20px;border-bottom: 1px solid #e2e2e2;}
.c-p-left {float: left;padding-left: 40px;}
.c-p-right {float: left;margin-left: 10px;}
.c-p-title {font: 14px/18px "Microsoft YaHei"; color: #333; border-left: 5px solid #333;margin-top: 20px;padding-left: 12px;}
.c-couse-card {padding-top: 30px;}
.c-couse-card p {font: 14px/18px "Microsoft YaHei"; color: #666;}
.buyB_payPlat {padding-left: 30px;padding-top: 30px;}
.buyB_payPlat ul li { float: left; height: 55px; vertical-align: middle; width: 25%;+width: 24%; min-width: 223px;}
.buyB_payPlat ul li input {vertical-align: middle;}
.buyB_payPlat ul li img { border: 1px solid #fff;vertical-align: middle;margin-left: 4px;}
.buyText01 {width: 190px; height: 32px;border: 1px solid #985054;padding-left: 10px;color: #666;line-height: 32px;font-family: "Microsoft YaHei";}
.buyCoupon_add2 {width: 78px; height: 36px;background-color: #985054;display: inline-block;color: #fff;font: 16px/36px "Microsoft YaHei";text-align: center;}
.buyCoupon_add2:hover {background-color: #8d4549; text-decoration: none;}
.order-btn { width: 322px;max-width: 100%; height: 50px; background-color: #06a3f8; text-align: center; font: 24px/50px "Microsoft YaHei";color: #fff;display: inline-block;}
.order-btn:hover { background-color: #db481d; text-decoration: none;}
.icon80 {width: 80px;height: 80px;display: inline-block;vertical-align: middle; background-position: -283px -13px;}
.c-p-m {padding: 40px 15px 70px 0;}
.yk-DT-arrow { cursor: default; left: 45px; position: absolute; top: -7px;  width: 12px;}
.yk-DT-arrow * {color: #ddd; cursor: default; display: block; font-family: "SimSun"; font-size: 12px;font-style: normal;font-weight: normal;  height: 18px; line-height: 1.231; overflow: hidden;}
.yk-DT-arrowem { color: #ddd;}
.yk-DT-arrow span { color: #fff; margin-top: -16px;}
@media (min-width: 1200px) {
  .container {
    width: 1160px;
  }
  .i-slide,.swiper-container {
    height: 480px;
  }
  .course-slide .swiper-container {height:320px;}
  .col-7 {width: 75%;}
  .col-8 {width: 80%;}
  .col-2 {width: 20%;}
  .col-3 {width: 25%;}
  .col-5 {width: 50%;} 
  .c-v-pic-wrap {width: 620px;height: 357px;}
  .thr-attr-box {width: 130px;height: 357px;}
  .c-attr-wrap {width: 508px;height: 357px;}
  .u-course-list .comm-course-list li {width: 33.33%;}
}
@media (min-width: 992px) and (max-width: 1199px) {
  .container {
    width: 970px;
  }
  .nav li a {
    margin: 0 5px;
  }
  .h-r-search {display: none;}
  .i-slide {height: auto;}
  .c-v-pic-wrap {width: 470px;height: 262px;}
  .thr-attr-box {width: 120px;height: 262px;}
  .c-attr-wrap {width: 380px;height: 262px;}
  .u-course-list .comm-course-list li {width: 33.33%;}
  .c-class-pic {width:280px;}
  .u-class-list ul li {min-height:156px;padding:0 0 20px 300px;}
}
@media (min-width: 768px) and (max-width: 991px) {
  .container {
    width: 750px;
  }
  #logo {float: none;margin-bottom:12px;}
  .h-r-search {display: none;}
  .comm-course-list li {width: 50%}
  .c-v-pic-wrap {width: 370px;}
  .thr-attr-box {float: none;width: 750px;height: 80px;}
  .c-attr-wrap {width: 380px;height: 206px;}
  .c-infor-box .col-7,.c-infor-box .col-3 {width: 100%;}
  .c-infor-box .col-7 {margin: 0 0 20px 0;}
  .c-infor-box .col-7 .mr30 {margin: 0;}
  .c-class-pic {width:223px;}
  .u-class-list ul li {padding-left:240px;min-height:115px;}
  .u-class-list .u-c-ico {display:none;}
  .u-class-cou {padding: 0 115px 0 145px;height:81px}

}


/*订单列表*/
.u-order-list {border-right: 1px solid #eee;border-bottom: 1px solid #eee;}
.c-cou-item {margin: 0 0 10px 10px;padding: 0 20px 10px 0;}
.c-cou-item .wid85 {width: 85%;+float: left;}
.u-o-left {width: 74%!important;}
/*课程卡*/
.p-cou-card-pad {padding: 0 15px 0 20px;}
.line2 {border-bottom: 1px solid #e5e5e5;}
.fbold {font-weight: bold;}
.jihu-btn { border-radius: 3px; color: #fff;background-color: #06a3f8; display: inline-block; font: 15px/24px "Hiragino Sans GB","Microsoft YaHei","΢���ź�";height: 24px;padding: 2px 25px;}
.tab-integral th {  background: #f0f0f0 none repeat scroll 0 0;border: 1px solid #ddd; color: #333; font-weight: normal;padding: 8px 10px;}
.m-card-table {display: none;}
.u-c-card.tab-integral td { padding: 12px 5px;}
.tab-integral td { border: 1px solid #ddd;color: #666;padding: 12px 10px; vertical-align: middle;}
/*课程卡弹出*/
.d-tips-7{position:relative;width:400px}
.l-r-w-Inpt li label { color: #666; display: inline-block; font-size: 14px; text-align: right; width: 68px;}
.l-r-w-Inpt li input.lTxt { background: #fff none repeat scroll 0 0; border: 1px solid #cfcfcf; box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1) inset; color: #666;height: 32px; line-height: 32px; padding: 0 10px; width: 260px;}
.l-r-w-Inpt li input.lTxt.yzm { width: 100px;}
.l-r-w-Inpt li input.lTxt:focus { border-color: #f1a181; box-shadow: 1px 1px 4px rgba(255, 72, 0, 0.1);}
.login-btn { display: inline-block; height: 28px; text-align: left;  width: 286px; background: -webkit-gradient(linear, left top, left bottom, from(#06a3f8), to(#06a3f8)); background: -moz-linear-gradient(top, #06a3f8, #06a3f8); background: -ms-linear-gradient(top, #06a3f8, #06a3f8);filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#06a3f8', endColorstr='#06a3f8'); border: 1px solid #06a3f8;}
.login-btn input { background: rgba(0, 0, 0, 0) none repeat scroll 0 0;border: medium none; color: #fff;  font: 18px/28px "Hiragino Sans GB","Microsoft YaHei","΢���ź�"; height: 28px;text-align: center; width: 286px;}
/*优惠劵*/
.coupon-left {text-align: center; background-color: #f9e9c5;width: 74%;}
.coupon-right {width: 26%;text-align: center;}
.cou-l-box {padding: 20px 15px 15px;+padding-top: 24px;border: 1px dotted #68cb9b;}
.cou-left-num { font: 16px/29px "Microsoft YaHei"; color: #68cb9b;padding: 0 17px; border: 1px solid #68cb9b; border-radius: 20px;display: inline-block;}
.c-mon-wrap {height: 60px; overflow: hidden; position: relative;+width: 100px;+height: auto;}
.cou-money {color: #dd491e; font-size: 18px;font-family: "Microsoft YaHei";display: inline-block;font-weight: 400;line-height: 56px;+line-height: 64px;}
.cou-money tt {font-size: 60px; font-style: italic;}
.cou-money font {position: absolute; left: 45px;top: -10px;+left: 0;}
.coupon-list li {float: left;width: 50%;margin-top: 40px;min-width: 305px;+width: 49%;}
.u-coup-box { background: #68cb9b;max-width: 405px;margin-right: 25px;}
.expired-state {position: relative;}
.expired-state .u-coup-box {background-color: #b3b3b3;}
.expired-state .coupon-left {background-color: #e6e6e6; }
.expired-state .coupon-left .cou-l-box {border: 1px dotted #bdbdbd;}
.expired-state .cou-left-num {border: 1px solid #b2b2b2; color: #b2b2b2;}
.expired-state .cou-money {color: #b3b3b3;}
.expired-state .coupon-right {background-color: #b3b3b3;}
.expired-state li {position: relative;}
.foot-zixun .smgz-pic {  background: #fff none repeat scroll 0 0; border: 1px solid #ddd; bottom: 0; display: none; height: 180px; position: absolute; right: 50px; width: 150px;}
/*帮助菜单*/
.h-left {width: 20%;}
.h-right{width: 80%;}
.h-l-title {height: 40px; border-bottom: 1px solid #e3e3e3;}
.h-l-title span {font: 24px/40px "SimHei";}
.h-l-nav {margin-top: 10px;}
.h-l-nav li { border-bottom: 1px solid #e9e9e9;padding: 15px 20px;}
.h-l-nav li span,.h-l-nav li a {font: 14px/20px "Microsoft YaHei";color: #333;}
.h-l-nav li .hl-sec-nav { padding-top: 10px;padding-left: 22px;}
.h-l-nav li .hl-sec-nav dd {padding: 8px 20px;position: relative;}
.h-l-nav li .hl-sec-nav dd a em {background-position: -114px -250px;width: 14px; height: 14px;  vertical-align: middle;position: absolute; left: 0; top: 10px;display: none;}
.h-l-nav li .hl-sec-nav dd.current a em {display: inline-block;}
.h-l-nav li .hl-sec-nav dd a:hover {text-decoration: none;}
.h-l-nav li .hl-sec-nav dd.current a tt,.h-l-nav li .hl-sec-nav dd a:hover tt ,.h-l-nav li.current a{ color: #e7542b;}
.h-l-nav li .hl-sec-nav dd a tt {font: 12px/20px "Microsoft YaHei";color: #333;}
.h-right .h-r-wrap {margin-left: 30px;padding-left: 30px; }
.h-right .h-r-title span {font-size: 16px; font-family: "Microsoft YaHei";}
.h-l-cont {margin-top: 20px;}
.h-l-cont p {color: #333; font: 12px/24px "Microsoft YaHei";}
/*end 帮助菜单*/

/*文章分享ie兼容*/
.lt-ie9 #sharebutton .bdsharebuttonbox a.bds_tsina,.lt-ie9.lt-ie8 #sharebutton .bdsharebuttonbox a.bds_tsina{background: url("/static/mooc_web/img/wb-78icon.png") no-repeat 0 0;}
.lt-ie9 #sharebutton .bdsharebuttonbox a.bds_weixin,.lt-ie9.lt-ie8 #sharebutton .bdsharebuttonbox a.bds_weixin {background: url("/static/mooc_web/img/wx-78icon.png") no-repeat 0 0;}
.lt-ie9 #sharebutton .bdsharebuttonbox a.zan-icon,.lt-ie9.lt-ie8 #sharebutton .bdsharebuttonbox a.zan-icon{background: url("/static/mooc_web/img/zan-78icon.png") no-repeat 0 0;}
.lt-ie9 .lh-reply-btn,.lt-ie9.lt-ie8 .lh-reply-btn {text-indent: 0;}
/*文章分享ie兼容*/
